<template>
  <div class="GoodsDesc">
    <div class="title">
      <h3> {{GoodsDesc.title}}</h3>
    </div>
    <hr>
    <div class="content" v-html="GoodsDesc.content">
    </div>
  </div>
</template>
<style lang="scss" scoped>
.GoodsDesc{
  padding:5px;
  .title{
    padding: 10px;
    text-align: center;
    h3{
      font-size: 20px;
    }
  }
  .content{
   /deep/ img{
      width: 100%;
    }
  }
}
  
</style>
<script>
export default {
  data(){
    return {
      id:this.$route.params.id,
      GoodsDesc:{}
    }
  },
  created(){
    this.getGoodsDesc()
  },
  methods: {
    getGoodsDesc(){
      this.$http.get('api/goods/getdesc/'+this.id).then(result=>{
        var res=result.body
        if(res.status===0){
          this.GoodsDesc=res.message[0]
        }
      })
    }
  },
}
</script>